﻿img {
    pointer-events: none;
}

/*2020-03-10*/

.gai-Menubox { width:100%; border-radius:0px; height:138px;}
.gai-Menubox li{ float:left; text-align:center; cursor:pointer; padding-bottom:10px; width:calc(100% / 6);}
.gai-Menubox ul li dl{ height:130px; background:#fff; text-align:center; padding:15px 26px; position:relative}
.gai-Menubox ul li dl dt{ width:52px; height:48px; background-repeat:no-repeat; margin:10px auto 6px;}
.gai-Menubox ul li dl dd{ font-size:18px; font-weight:bold;}
.gai-Menubox ul li:nth-child(1) dl dt{ background-image:url(../images/p_b1.png)}
.gai-Menubox ul li:nth-child(2) dl dt{ background-image:url(../images/p_b2.png)}
.gai-Menubox ul li:nth-child(3) dl dt{ background-image:url(../images/p_b3.png)}
.gai-Menubox ul li:nth-child(4) dl dt{ background-image:url(../images/p_b4.png)}
.gai-Menubox ul li:nth-child(5) dl dt{ background-image:url(../images/p_b5.png)}
.gai-Menubox ul li:nth-child(6) dl dt{ background-image:url(../images/p_b1.png)}
.gai-Menubox ul li:nth-child(7) dl dt{ background-image:url(../images/tb07.png)}

.gai-Menubox ul li:nth-child(1) dl{ border-radius:0px 0 0 0px;}
.gai-Menubox ul li:nth-child(7) dl{ border-radius:0 0 0px 0px;}
.gai-Menubox ul li dl:after{ content:""; width:1px; height:78px; background:#e0e0e0; position:absolute; right:0; bottom:20px;}



.gai-Menubox ul li:nth-child(6) dl:after{ display:none;}
.gai-Menubox li.hover{ background:url(../images/sjiao.png) no-repeat bottom center}
.gai-Menubox li.hover dl{ background:#005fb2}
.gai-Menubox li.hover dl dd{ color:#fff;}
.gai-Menubox ul li.hover dl:after{ display:none;}
.gai-Menubox ul li:nth-child(1).hover dl dt{ background-image:url(../images/p_b1a.png)}
.gai-Menubox ul li:nth-child(2).hover dl dt{ background-image:url(../images/p_b2a.png)}
.gai-Menubox ul li:nth-child(3).hover dl dt{ background-image:url(../images/p_b3a.png)}
.gai-Menubox ul li:nth-child(4).hover dl dt{ background-image:url(../images/p_b4a.png)}
.gai-Menubox ul li:nth-child(5).hover dl dt{ background-image:url(../images/p_b5a.png)}
.gai-Menubox ul li:nth-child(6).hover dl dt{ background-image:url(../images/p_b1a.png)}
.gai-Menubox ul li:nth-child(7).hover dl dt{ background-image:url(../images/tb07-1.png)}
.gai-Contentbox{ padding-top:0px;}
.sec-pro ul{ width:100%; text-align:center; height:60px;}
.sec-pro ul li{ display:inline-block; font-size:18px; padding-bottom:5px;cursor:pointer; margin:20px 10px; font-weight:700; color:#0160b2;}
.sec-pro ul li.hover{ border-bottom:2px solid #005bab;}


.sec-Contentbox { margin-top:20px;}



.in-slideBox{ 
  width:100%;
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
  background: #000;
}
.in-slideBox .bd{ 
  position:relative; 
  height:100%;
  overflow:hidden;
}
.in-slideBox .bd li{ 
  vertical-align:middle;
  overflow:hidden;
  height:860px;
  position:relative;
}
.dw{width:620px; text-align:center; margin:0 auto; top:40%; left: z-index:9999; position:absolute; left:32%;}
.dw img{display:inline-block;}
.in-slideBox .bd img{ 
  width:100%; 
  height: 100%;
  display:block;  
  animation: changeScale 1 2.5s;
}
.in-slideBox .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:21px; 
  z-index:1; 
}
.in-slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.in-slideBox .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:14px; 
  height:14px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
}
.in-slideBox .hd ul li.on{ 
  width: 46px;
  height: 14px;
  border-radius:20px; background:#d01027;
}
.w86{ width:96%; margin:0 auto;}
.in-pro{ width:100%; background:url(../images/w.png) no-repeat left bottom #ededed; padding:96px 0 70px 0;}
.Menubox {position: relative;width: 100%;padding-bottom:16px;}
.Menubox li { float:left; width:33.1%; font-size:22px; position:relative;z-index:2; cursor:pointer; background:#fff; color:#333; font-weight:bold; height:86px; line-height:86px; padding-left:35px; margin-right:2px; border-radius:5px; }
.Menubox li span{ font-size:16px; font-weight:normal; padding-left:23px; line-height:80px;}
.Menubox li:nth-child(1) span{ padding-left:6px;}
.Menubox li:after{ content:""; position:absolute; bottom:-20px; left:50%;width:0; 
    height:0; 
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-top:20px solid #d01128; opacity:0;}
.Menubox li.hover{ color:#fff; background:#d01128;}
.Menubox li.hover:after{ opacity:1;}
.Menubox li.hover span{ opacity:0;}
.Contentbox {clear: both; color:#fff; padding-top:10px; position:relative;}
.Contentbox a{ color:#333; opacity:1}
.pro-js{ font-size:16px; padding-bottom:10px;}
.pro-js a{ display:inline-block; border:1px solid #a3a3a3; padding:6px 32px; border-radius:6px; margin-right:5px;}
.pro-js a:hover{ background:#bf101a; color:#fff; border-color:#bf101a;}
.in-pp{ overflow:hidden; position:relative;  }
.in-pp .hd{ width:100%; text-align:center;}
.in-pp .hd a{ display: inline-block; margin:30px 10px 0}
.in-pp .hd .prev{  width:48px; height:49px;overflow:hidden;
			 cursor:pointer; background:url("../images/up.jpg") no-repeat;}
.in-pp .hd .next{  width:48px; height:49px; overflow:hidden;
			 cursor:pointer; background:url("../images/down.jpg") no-repeat;}

.in-pp .bd{ }
.in-pp .bd ul{ overflow:hidden; zoom:1; }
.in-pp .bd ul li{ margin:0 12px 0 0 ; float:left; _display:inline; overflow:hidden; text-align:center; width:24%; position:relative;  }
.in-pp .bd ul li .pic{ text-align:center; height:300px;}
.in-pp .bd ul li .pic:after { width:100%; height:5px; background:#ece65e; content:" "; position:absolute; z-index:9;}


.in-pp .bd ul li .pic img{ width:100%; height:100%;  display:block; transition-duration:.5s; border:1px solid #e1e1e1; border-radius:5px; border-bottom:5px solid #005bab;}


.in-pp .bd ul li .title{ color:#fff; font-size:16px; display:block; top:50%; transform:translateY(-50%); position:absolute; width:100%; text-align:center; opacity:0; transition-duration:.5s;}
.in-pp .bd ul li:hover img{ opacity:0.9; transform:scale(1.1,1.1);}
.in-pp .bd ul li:hover .title{ opacity:1;}
.in-about{ width:100%; background:url(../images/a_bg.png) no-repeat left bottom; padding:0px 0 77px 0;}
.ab-ti{ width:100%; text-align:center; padding-bottom:34px;}
.ab-ti span{ display:inline-block; padding:6px 52px; border:1px solid #a7a7a7; font-size:24px; color:#d01027; font-weight:bold; position:relative; margin-bottom:10px;}
.ab-ti span:after,.ab-ti span:before{ content:""; position:absolute; width:60px; height:1px; background:#a7a7a7; top:25px;}
.ab-ti span:before{left:-42px;}
.ab-ti span:after{ right:-42px;}
.in-ab-le{ width:27%;}
.ab01{ width:100%; background:url(../images/ww.png) no-repeat right top #d01027; color:#fff; padding:34px 26px 56px; box-sizing:border-box;}
.ab01 h1{ font-weight:bold; font-size:24px; padding-bottom:20px;}
.ab01 p,.ab01 li{ font-size:16px; opacity:0.8;}
.ab-ts{ background:#f0f0f0; padding-bottom:20px; color:#333;}
.ab-ts li{ padding-left:42px; position:relative; line-height:18px; margin-bottom:10px; cursor:pointer;}
.ab-ts li:before{ content:""; width:18px; height:18px; background:url(../images/jx.jpg) no-repeat; position:absolute; left:0; top:0; transition-duration:.5s;}
.ab-ts li:hover:before{ left:10px;}
.in-ab-xi{ position:relative;}
.in-ab-ri{ position:absolute; right:0; top:0; width:27%; height:100%;}
.ab02{ width:100%; height:50%;}
.ab02 img{ height:100%; width:100%;}
.in-ab-ri .ab03{ background:url(../images/w1.png) no-repeat center center #383838; height:50%;}
.in-ab-zj{ width:46%; position:absolute; top:0; left:27%; height:100%;}
.in-ab-zj img{ width:100%; height:100%;}
.in-new{ padding:50px 0 110px 0;}
.in-new-xi{ position:relative;}
.in-new-le{ width:36%; background:#000; overflow:hidden; position:relative;}
.in-bit{position:absolute; bottom:0; right:0; width:100%; text-align:right;}
.in-bit img{ display:inline-block;}
.in-new-le img{ width:100%;height: 471px; display:block;}
.in-new-le dl{ position:absolute; bottom:0; left:0; height:70px; width:100%;}
.in-new-le dl dt{ float:left; width:131px; height:70px; background:url(../images/hsk.png) no-repeat; color:#fff; text-align:center; z-index:2; position:relative;}
.in-new-le dl dd{ height:70px; line-height:70px; color:#fff; font-size:18px; font-weight:bold; background:url(../images/hei.png) no-repeat #383838; position:absolute; bottom:0;  width:90%; z-index:1; left:80px; right:0; padding-left:10%;}
.in-new01{ position:absolute; width:30%; height:100%; background:#eff0f2; left:39%; top:0; overflow:hidden;}
.in-new01 dl{ padding:26px;}
.in-new01 dl dt h1{ font-size:18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-weight:bold;}
.in-new01 dl dt p{ color:#999; font-size:24px; padding:10px 0; font-family:"Arial";}
.in-new01 dl dt p span{ font-size:18px;}
.in-new01 dl dd{ font-size:16px;}
.in-new01 img{ width:100%; position:absolute; bottom:0; height:214px;}
.in-new02{ width:30%; position:absolute; right:0; top:0; overflow:hidden; height:100%;}
.in-new02 dl{ width:100%; padding:19px 26px 0; overflow:hidden; background:#eff0f2; height:31%; margin-bottom:4%; position:relative; }
.in-new02 dl dt{ font-weight:bold; font-size:18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; position:relative; z-index:2;}
.in-new02 dl dd{ position: relative; padding-top:10px; z-index:2;}
.in-new02 dl dd span{ position:absolute; right:0; bottom:0; font-size:12px; color:#999;}
.in-new02 dl:after{ content:""; width:100%; height:100%; position:absolute; left:-100%; top:0; background:#d01027; z-index:1; transition-duration:.5s;}
.in-new02 dl:hover:after{ left:0;}
.in-new02 dl:hover dt,.in-new02 dl:hover dd,.in-new02 dl:hover dd span{ color:#fff;}
.in-video{ position:relative;}
.in-video .sp-tu{ width:100%; display:block; position:relative;}
.sp-txt{ width:100%; text-align:center; color:#fff; position:absolute; top:50%; transform:translateY(-50%)}
.sp-txt h1{ font-weight:bold; font-size:30px;}
.sp-txt p{ font-size:16px; padding:20px 0; line-height:1.6;}
.sp-txt img{ max-width:100%;}

.in-js{ width:100%; background:#d01027; padding:30px 0; color:#fff; font-size:18px;}
.js-shu{ width:80%;  box-sizing: border-box;}
.js-shu li{ border-bottom:1px solid #fff; float:left; width:15%; margin-left:25px;box-sizing: border-box; opacity:0.5;-moz-box-sizing:border-box;	
-webkit-box-sizing:border-box;	}
.js-shu li span{ display:block; float:right; width:60%;}
.js-shu li input{ border:none; outline:none; width:70%; background:none; color:#fff;}
.js-shu li p{ float:left; padding-right:5px;}
.js-shu li:after{ content:""; clear:both; display:block;}
.js-shu li:last-child{ border:none; opacity:1;}
.js-shu li:last-child input{ border:none; background:#383838; color:#fff; padding:11px 0;}
.in-case{ background:#ededed; padding-top:25px; padding-bottom:85px;}
.Menubox1{ position:relative; width:100%; text-align:center;}
.Menubox1 li{ display:inline-block; background:#fff; border:1px solid #e1e1e1; font-size:18px; min-width:130px; line-height:39px; cursor:pointer;}
.Menubox1 li.hover{ background:#383838; color:#fff;}
.CbContainer1 { text-align:center;}
.in-yy{ text-align:center; font-size:28px; color:#18191b;  display:inline-block; margin:0px auto;}
.in-yy span{ color:#d01027; font-size:60px; font-weight:bold; font-family:"Arial"}
.Contentbox1{ padding-top:41px;}
.yy-xi li{ float:left; position:relative; background:#000; overflow:hidden; width:33%; color:#fff;}
.yy-xi li a{ color:#fff;}
.yy-xi li img{ width:100%; display:block; transition-duration:.5s;}
.yy-txt{ width:100%; text-align:center; position:absolute; top:50%; transform:translateY(-50%);}
.yy-txt h1{ font-weight:bold; font-size:30px;}
.yy-txt p{ font-size:16px; padding-top:10px; width:80%; margin:0px auto;}
.yy-txt span { width:128px;  height:37px; line-height:37px; border:1px solid #ffffff; border-radius:50px; display: block; margin:30px auto 0px ; font-size:15px; }
.yy-xi li:hover img{ opacity:0.6; transform:scale(1.1,1.1)}
.yy-xi li:hover .yy-txt span { background:#005bab;   border:1px solid #005bab;}
.in-hy{ width:100%; position:relative;}
.hy-Menubox{ float:left; width:47%; background:#383838; color:#fff; padding:14.2px 0;}
.hy-Menubox ul{ padding-left:22%;}
.hy-Menubox ul li{ float:left; width:25%; text-align:center; font-size:18px; cursor:pointer; padding-bottom:25px; padding-top:25px;  border-bottom:1px solid #5d5d5d; border-right:1px solid #5d5d5d;}
.hy-Menubox ul li:before{content:""; background-position: center 0; background-repeat:no-repeat; display:block;width:70px; height:55px; margin:0 auto; transition-duration:.5s;}
.hy-Menubox ul li:nth-child(1):before{ content:"";  background-image:url(../images/img1.png);}
.hy-Menubox ul li:nth-child(2):before{ content:"";  background-image:url(../images/img2.png);}
.hy-Menubox ul li:nth-child(3):before{ content:"";  background-image:url(../images/img3.png);}
.hy-Menubox ul li:nth-child(4):before{ content:"";  background-image:url(../images/img4.png);}
.hy-Menubox ul li:nth-child(5):before{ content:"";  background-image:url(../images/img5.png);}
.hy-Menubox ul li:nth-child(6):before{ content:"";  background-image:url(../images/img6.png);}
.hy-Menubox ul li:nth-child(7):before{ content:"";  background-image:url(../images/img7.png);}
.hy-Menubox ul li:nth-child(8):before{ content:"";  background-image:url(../images/img8.png);}
.hy-Menubox ul li:nth-child(9):before{ content:"";  background-image:url(../images/img9.png);}
.hy-Menubox ul li:nth-child(10):before{ content:"";  background-image:url(../images/img10.png);}
.hy-Menubox ul li:nth-child(11):before{ content:"";  background-image:url(../images/img11.png);}
.hy-Menubox ul li:nth-child(12):before{ content:"";  background-image:url(../images/img12.png);}
.hy-Menubox ul li:hover:before{ background-position: center -55px;}
.hy-Menubox ul li:nth-child(9),.hy-Menubox ul li:nth-child(10),.hy-Menubox ul li:nth-child(11),.hy-Menubox ul li:nth-child(12){ border-bottom:none;}
.hy-Contentbox{ width:53%; position:absolute; right:0; top:0; height:100%;}
.in-hy-le{ width:49%; margin:0 0.5%; position:relative; height:100%;}
.hy-CbContainer{ height:100%;}
.in-hy-le img{ width:100%; height:100%;}
.in-hy-le p,.in-hy-ri li p{ position:absolute; bottom:13px; width:100%; text-align:center; color:#fff; font-size:16px;}
.in-hy-ri{ width:50%; height:100%;}
.in-hy-ri li{ float:left; width:49%; margin-right:1%; margin-bottom:1.7%; position:relative; height:49%; }
.in-hy-ri li img{ width:100%; height:100%;}
.hy-Menubox ul li.hover{ color:#d01027}
.hy-Menubox ul li.hover:before{ background-position: center -55px;}
.hy-Menubox ul li:nth-child(1).hover:before{ content:"";  background-image:url(../images/img1.png);}
.hy-Menubox ul li:nth-child(2).hover:before{ content:"";  background-image:url(../images/img2.png);}
.hy-Menubox ul li:nth-child(3).hover:before{ content:"";  background-image:url(../images/img3.png);}
.hy-Menubox ul li:nth-child(4).hover:before{ content:"";  background-image:url(../images/img4.png);}
.hy-Menubox ul li:nth-child(5).hover:before{ content:"";  background-image:url(../images/img5.png);}
.hy-Menubox ul li:nth-child(6).hover:before{ content:"";  background-image:url(../images/img6.png);}
.hy-Menubox ul li:nth-child(7).hover:before{ content:"";  background-image:url(../images/img7.png);}
.hy-Menubox ul li:nth-child(8).hover:before{ content:"";  background-image:url(../images/img8.png);}
.hy-Menubox ul li:nth-child(9).hover:before{ content:"";  background-image:url(../images/img9.png);}
.hy-Menubox ul li:nth-child(10).hover:before{ content:"";  background-image:url(../images/img10.png);}
.hy-Menubox ul li:nth-child(11).hover:before{ content:"";  background-image:url(../images/img11.png);}
.hy-Menubox ul li:nth-child(12).hover:before{ content:"";  background-image:url(../images/img12.png);}



.group_industry{width: 100%;height: 366px;float: left;background-color: rgba(255,255,255,0.5);text-align: center;}
.picScroll-left .bd ul li .group_industry  ul li{}
.pro_item_wrap{border-right: 1px solid #eee;height: 100%;position: relative;overflow: hidden;}
.pro_home_img{width:100%;height:0;padding-bottom: 68.75%;overflow:hidden; position:relative;}
.pro_home_img>img{position:absolute; width:100%; height:100%; left:0; top:0;}
.group_industry  ul li:last-child .pro_item_wrap{border: 0;}
.group_industry .pro_item{width: 100%;position: absolute;right: 0;top: 0; transition-duration:.5s}
.group_industry .pro_item img{width: 100%;}
.group_industry .pro_iten_t{font-size: 26px;font-weight: bold;color: #000;padding-top:65px;margin-bottom: 15px;}
.group_industry .pro_iten_p{width: 95%;margin: 0 auto 15px auto;color: #000; font-size:14px; line-height:22px; height:90px; overflow:hidden;}
.group_industry .pro_item_hover{background-color:#ba0d12;width: 100%;height: 100%;position: absolute;right: 100%;top: 0; overflow:hidden; transition-duration:.5s;}
.group_industry .pro_item_hover .pro_iten_t{padding-top: 45px;}
.group_industry .pro_item_hover .pro_iten_t a{color: #fff;}
.group_industry .pro_item_hover .pro_iten_t:hover a{color: #fff;}
.group_industry .pro_item_hover .pro_iten_p{margin-bottom: 20px;color: #fff; height:22px;}
.group_industry .pro_item_hover .pro_link a{display: block; position:relative; overflow:hidden; background-color: #ba0d12;width: 159px;height:32px;line-height:32px;color: #fff;margin: 0 auto 7px auto;font-size: 14px;border:#fff 2px solid;}

.group_industry .pro_item_hover .pro_link .link_con {position:relative; z-index:2; }
.group_industry .pro_item_hover .pro_link a:hover { color:#000; background-color:#fff; }

.group_industry:hover .pro_item{ right:-100%;}
.group_industry:hover .pro_item_hover{ right:0;}



.slideBox1{ width:100%;overflow:hidden;  position:relative; margin:0 auto;}
.slideBox1 .bd{ position:relative;  height:100%;width:100%;}
.slideBox1 .bd li{ vertical-align:middle; width:100%;}
.slideBox1 .bd li .biao01{ width:36.666%; float:left; position:relative;}
.slideBox1 .bd li .biao01:nth-child(2){ width:26.5%;}
.slideBox1 .bd li .biao01 img{ width:100%; height: auto;display:block; }
	
.slideBox1 .prev{ position:absolute; left:3%; top:50%; margin-top:-19px; display:block; width:85px; height:38px; background:url(../images/pre1.png) no-repeat;   }
.slideBox1 .next{ position:absolute; right:3%; top:50%; margin-top:-19px; display:block; width:85px; height:38px; background:url(../images/next1.png) no-repeat;  }
		.slideBox1 .prev:hover{background:url(../images/pre1-1.png) no-repeat;}
		.slideBox1 .next:hover{background:url(../images/next1-1.png) no-repeat;}
.biao-txt{ position:absolute; width:100%; height:100%; background:rgba(208,16,39,0.8); left:0; top:100%; color:#fff; text-align:center; transition-duration:.5s;}
.biao-txt dl{ width:100%; opacity:0.8; top:50%; transform:translateY(-50%); text-align:center; position:absolute;}
.biao-txt dl dt{ font-size:30px;}
.biao-txt dl dd p{ width:90%; margin:0 auto; font-size:16px; padding:20px 0;}
.biao-txt dl dd a{ display:inline-block; border:1px solid #fff; padding:10px 30px; text-transform:uppercase; color:#fff;}
.biao-txt dl dd a:hover{ color:#fff;}
.slideBox1 .bd li .biao01:hover .biao-txt{ top:0;}


.dy-Menubox{ width:650px; height:auto; float:left; position:relative;}


.map-txt{position:absolute; top:10px; left:0px;transition-duration:.5s; width:100px; cursor:pointer; opacity:1; }
.map-txt p{ position:absolute; right:0px; top:-15px; z-index:9999; color:#000; font-weight:bold; border:1px solid #d1d1d1; background:#fff; padding:4px 6px; font-size:16px;}
.dy-Menubox li{ position:absolute; cursor:pointer;}
.dy-Menubox li img{-webkit-animation-name:'ripple';-webkit-animation-duration: 1s;-webkit-animation-timing-function: ease; -webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: alternate;}
@keyframes ripple {
	0% {
 		opacity:0;
		
		}
	100% {
		opacity: 1;
		}
}
.dy-Menubox li:nth-child(1){ top:164px; right:265px;}

.dy-Menubox li:nth-child(2){ top:203px; right:190px;}
.dy-Menubox li:nth-child(3){ top:243px; right:135px;}
.dy-Menubox li:nth-child(4){ top:300px; right:118px;}
.dy-Menubox li:nth-child(5){ top:260px; right:230px;}
.dy-Menubox li:nth-child(5) .map-txt p{ top:5px; right:20px;}
.dy-Menubox li:nth-child(6){ bottom:205px; right:205px;}
.dy-Menubox li:nth-child(7){ bottom:240px; right:300px;}
.dy-Menubox li:nth-child(8){ bottom:198px; right:290px;}
.dy-Menubox li:nth-child(9){ bottom:176px; right:66%;}
.dy-Menubox li:nth-child(10){ bottom:309px; right:61%;}
.dy-Menubox li:nth-child(11){ top:155px; left:15%;}
.dy-Menubox li:nth-child(12){ top:55px; right:91px;}
.dy-Menubox li:nth-child(13){ top:118px; right:91px;}
.dy-Menubox li:nth-child(14){ top:168px; right:111px;}
.dy-Menubox li:nth-child(15){ top:240px; left:158px;}
.dy-Menubox li:nth-child(16){ top:290px; left:80px;}
.dy-Menubox li:nth-child(17){ top:208px; left:250px;}
.dy-Menubox li:nth-child(18){ top:243px; left:320px;}
.dy-Menubox li:nth-child(19){ top:238px; left:385px;}
.dy-Menubox li:nth-child(20){ bottom:120px; left:305px;}
.dy-Menubox li.hover .map-txt{ opacity:1;}

.dy-Contentbox1{ width: calc(100% - 650px);width: -webkit-calc(100% - 650px);box-sizing: border-box; padding-left:30px; padding-top:40px;}
.dy-Contentbox1 .in-yy{ text-align:left; font-size:24px; color:#18191b;}
.dy-Contentbox1 .in-yy span{ color:#d01027; font-size:32px; font-weight:bold; font-family:"Arial"}
.yy-tu li{ width:50%; float:left; overflow:hidden; background: none; position:relative; height:207px;}
.yy-tu li img{ width:100%; transition-duration:.5s; height:100%;}
.yy-tu li:hover img{ opacity:0.5; transform:scale(1.1,1.1)}
.yy-tu li .gai-yy{ position:absolute; top:50%; transform:translateY(-50%); width:100%; text-align:center; color:#fff; opacity:0; transition-duration:.5s;}
.yy-tu li .gai-yy h1{ font-size:20px;}
.yy-tu li:hover .gai-yy{ opacity:1;}


@keyframes ball-scale-multiple {
	0% {
		width:5px;
		height:5px;
		opacity: 0; 
	}
	50% {
		opacity: 0.5; 
	}
	100% {
		width:80px;
		height:80px;
		opacity: 0; 
	} 
}

.i-wrap3 .inliner-list, .i-wrap3 .inliner-bg{
	width: 666px;
	height: 666px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -333px 0 0 -333px;
	z-index: 5;
	background: url(../images/wel15.png) no-repeat center;
	background-size: 100% 100%;
	transform: scale(0);
}
.i-wrap3 .inliner-bg{
	transform: scale(0);
	background: none;
}
.i-wrap3 .inliner-bg span{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
    left: 41px;
}
.i-wrap3 .inliner-bg span.one{
	background: url(../images/wel23.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: inlinerbg 1.2s infinite linear;
    animation: inlinerbg 1.2s infinite linear;

}
.i-wrap3 .inliner-bg span.two{
	background: url(../images/wel24.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: inlinerbgo 1.2s infinite linear;
    animation: inlinerbgo 1.2s infinite linear;
}
@-webkit-keyframes inlinerbg {
  0% {
    -webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
}

@keyframes inlinerbg {
  0% {
    -webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
}
@-webkit-keyframes inlinerbgo {
  0% {
    -webkit-transform:translate(-5px,9px);
        transform:translate(-5px,9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
}

@keyframes inlinerbgo {
  0% {
    -webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
}
.i-wrap3 .inliner-list .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.i-wrap3 .inliner-list .bg:nth-child(1){
	width:0;
	background: url(../images/wel17.png) no-repeat top left;
}
.i-wrap3 .inliner-list .bg:nth-child(2){
	height: 0;
	background: url(../images/wel18.png) no-repeat top left;
}
.i-wrap3 .inliner-list .bg:nth-child(3){
	height: 0;
	top: auto;
	bottom: 0;
	background: url(../images/wel19.png) no-repeat bottom left;
}
.i-wrap3 .inliner-list li{
	width: 8px;
	height: 8px;
	position: absolute;
	background: url(../images/wel16.png) no-repeat center;
	transition:all 0.3s;
	background-size: 100% 100%;
	z-index: 10;
	cursor: pointer;
}
.i-wrap3 .inliner-list li.li0{
	top: 25%;
    left: 6%;
}
.i-wrap3 .inliner-list li.li1{
	top: 25%;
    left: 93%;
}
.i-wrap3 .inliner-list li.li2{
	top: 99.1%;
    left: 49%;
}
.i-wrap3 .inliner-list li.on{
	background: url(../images/wel16_h.png) no-repeat center;
	background-size: 100% 100%;
}





.i-wrap3{
	position: relative;
}
.svg-box{
	width: 668px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -334px 0 0 -334px;
    z-index: 5;
}
.inliner-banner,.inliner-banner-con{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	z-index: 5;
}
.inliner-banner-con{
	background: none;
}
.inliner-banner ul,.inliner-banner-con ul{
	width: 100%;
	height: 100%;
}
.inliner-banner li,.inliner-banner-con li{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 100%;
	text-align: center;
	transform: scale(0.8);
	z-index: 1;
}
.inliner-banner li.index,.inliner-banner-con li.index{
	z-index: 2;
}
.inliner-banner li:first-child,.inliner-banner-con li:first-child{
	left: 0;
	transform: scale(1);
}
.inliner-banner li a,.inliner-banner-con li a{
	display: block;
	width: 100%;
	height: 100%;
}
.inliner-banner li .con,.inliner-banner-con li .con{
	display: block;
	width: 606px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -145px 0 0 -303px;
	transform: scale(0);
}
.inliner-banner li h3,.inliner-banner-con li h3{
	font-size: 30px;
	color: #ffffff;
	line-height: 40px; font-weight:bold; padding:0 0 30px 0;
}
.inliner-banner li h2,.inliner-banner-con li h2{
	font-size: 45px;
	color: #fff;
}
.inliner-banner li i,.inliner-banner-con li i{
	width: 28px;
	height: 2px;
	margin: 18px auto 23px;
	display: block;
	background: #798994;
}
.inliner-banner li .font,.inliner-banner-con li .font{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	width: 72%;
	margin: 0 auto;
}
.inliner-banner li .more,.inliner-banner-con li .more{
	width: 178px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d41833;
    color: #fff;
    font-size: 14px;
    margin: 60px auto 0;
}

.biao-ti{ width:100%; background:url(../images/bg1.jpg); padding:66px 0 20px 0;}
.biao-list li{ width:24.8%; background:#bf101a; overflow:hidden; position:relative; float:left; margin-right:1px; margin-top:1px;}
.biao-list li img{ width:100%; display:block; transition-duration:.5s;}
.biao-list li p{ position:absolute; text-align:center; width:100%; color:#fff; font-size:24px; top:50%; transform:translateY(-50%); opacity:0; transition-duration:.5s;}
.biao-list li:hover p{ opacity:1;}
.biao-list li:hover img{ opacity:0.1;}
.ne-biao02{ width:100%; padding:60px 0 20px 0;}
.ne-map{ width:100%; text-align:center;}
.ne-map img{ max-width:100%;}
.ne-biao03{ width:100%; background:url(../images/bg2.jpg) no-repeat center center; padding:65px 0;}
.ne-ly-list dl{ width:15%; background:rgba(255,255,255,0.8); text-align:center; padding:22px 0 44px 0; position:relative; overflow:hidden; border-bottom:2px solid #bf101a; float:left; margin-right:2%; margin-bottom:38px;}
.ne-ly-list dl dd{ font-size:20px; font-weight:bold; padding-top:8px;}
.ne-ly-list dl dt{ transition-duration:.5s;}
.ne-ly-list dl:hover dt img{-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}
.ne-ly-list dl:nth-child(6n){ margin-right:0;}
.ne-banner{ width:100%; overflow:hidden; position:relative; padding-top:82px;}
.ne-banner img{ width:100%;display:block;  animation: changeScale 1 2.5s;}
.banner-txt{ width:100%; position:absolute; bottom:16px; left:0; color:#fff; font-size:18px;}
.banner-txt span{ font-size:36px; font-weight:bold; padding-right:30px;}

.case-xi01{ padding:60px 0; background:#ebebeb}
.case-ti{ text-align: center;font-size: 28px;color: #555;}
.case-ti h2{ color: #d01027;font-size: 60px;font-weight: bold;font-family: "Arial"; display:inline;}
.ct01{ color:#777777; font-size:16px; padding:30px 0; text-align:center;}
.yy01{ position:relative;}
.yy01-le{ width:48.5%; position:relative; background:#000; overflow:hidden;}
.yy01-le img{ width:100%; display:block; transition-duration:.5s;}
.yy01-le dl { position:absolute; width:80%; top:50px; left:50px; color:#fff;}
.yy01-le dl dt p{ font-size:30px;}
.yy01-le dl dt span{ line-height:1.8; padding:25px 0 45px 0; display:block; font-size:16px;}
.yy01-le dl dd a{ color:#fff; border:1px solid #fff; padding:5px 11px; transition-duration:.5s;}
.yy01-le dl dd a:hover{ background:#bf101a}
.yy01-le:hover img{ opacity:0.6; transform:scale(1.1,1.1)}
.yy01-ri{ width:51.4%; position:absolute; right:0; top:0; height:100%; background:#f6f6f6; overflow:hidden;}
.yy-ri01{ width:50%; overflow:hidden; background:#000;}
.yy-ri01 img{ width:100%; display:block; transition-duration:.5s;}
.yy-ri01:hover img{ opacity:0.6; transform:scale(1.1,1.1)}
.yy-ri02{ width:50%; padding:30px 17px;}
.yy-ri02 p{font-size:30px; color:#0066df;}
.yy-ri02 span{ line-height:1.8; padding:25px 0 35px 0; display:block; font-size:16px; color:#777;}
.yy-ri02 a{ color:#777; border:2px solid #777; padding:5px 11px; transition-duration:.5s;}
.case02{ padding:80px 0;}
.cc01{ color:#d20000; font-size:30px; text-align:center; font-weight:bold;}
.cc02-biao{ padding:33px 0 63px 0; width:100%; text-align:center;}
.cc02-biao li{ display:inline-block; margin-bottom:10px;}
.cc02-biao li a{ display:inline-block; border:1px solid #cccccc; color:#222; font-size:18px; font-weight:bold; padding:6px 13px; margin-right:2px;}
.cc02-biao li a:hover{ color:#fff; background:#bf101a; border:1px solid #bf101a;}
.cc02-biao li .tn01{ color:#fff; background:#bf101a; border:1px solid #bf101a;}
.case-list li{ width:33.333%; padding: 0 7px; margin-bottom:1px; text-align:center; float:left;}
.case-list li .case-tu{ width:100%; overflow:hidden; background:#bf101a; position:relative; text-align:center; padding-bottom:69%;}
.case-list li .tuu01{ width:100%; display:block; transition-duration:.5s; height:100%; position:absolute}
.case-list li .case-tu span{ display:block;position:absolute; top:50%; transform:translateY(-50%); width:90%; text-align:justify; opacity:0; transition-duration:.5s; color:#fff; font-size:14px; line-height:1.6; left:5%;}
.case-list li p{ height:60px; padding-top:12px; font-weight:bold; font-size:18px; transition-duration:.5s;}
.case-list li:hover .tuu01{ opacity:0.2;}
.case-list li:hover .case-tu span{ opacity:1;}
.case-list li:hover p{ background:#c5262f; color:#fff;}
.jianT{ max-width: 100%; text-align: center; padding-top:50px;}
.jianT ul{display: inline-block;}
.jianT li a{ font-size: 14px; color:#474747; padding:6px 10px ; line-height: 1;  border-radius:5px; border:1px solid #dedede; display:inline-block; }
.jianT li a:hover{text-decoration: none; background:#d12322;color:#fff;}
.jianT li{ display: inline; margin: 0 10px;}
.jianT li .on{ background:#d12322; color:#fff;padding: 6px 11px; border:1px solid #d12322; }
.case03 .case-list li{ width:50%; padding:0 17px;}
.case-nr{ margin-top:76px; width:100%; background:#f7f7f7; padding:90px 0 120px 0; border-top:1px solid #e1e1e1;}
.case-nr-le{ width:100%; padding-top:40px;}
.case-nr-le dl dt h1,.case-nr-le dl dt h2{ font-size:18px; font-weight:bold; text-align:center; padding-bottom:40px;}
.case-nr-le dl dt h2{ color:#ec3537; padding:15px 0 30px 0;}
.case-nr-le dl dd p{ text-indent:28px; line-height:1.8; padding-bottom:20px; text-align: justify;}
.back{ padding-top:20px; padding-bottom:20px; margin-bottom:20px;}
.back a{ display:block; color:#fff; font-size:18px; background:#2d2d2d; text-align:center; line-height:40px; width:30%; margin:0 auto;}
.niao li{ float:left; width:47%; margin-right:6%;}
.niao li p{ padding-top:12px; font-size:16px;}
.niao li:nth-child(2){ margin-right:0;}
.case-nr-ri{     width: 55%;
    margin: 0 auto;}
.case-nr-ri img{ width:100%;}
.jjfa-xi01{ width:100%; background:#efefef; padding:70px 0;}
.xs-jjfa-xi01{ display:none}
.jj01{ background:#fff; width:100%; padding:80px 60px; margin-bottom:40px;}
.jj01 dt{ width:221px; border-right:1px dashed #c9c9c9;color:#333; float:left;}
.jj01 dt p{ font-size:24px; font-weight:bold; }
.jj01 dt span{ font-size:18px; display:block; padding:24px 0 34px 0; font-weight:bold;}
.jj01 dd{ float:left;    width: calc(97% - 221px);width: -webkit-calc(97% - 221px); box-sizing: border-box; padding-left: 60px; font-size:16px;overflow-y: auto; height:164px; padding-right:50px; line-height:1.8; opacity:0.8; text-align:justify;}


.gx-list{margin-bottom:40px;}
.gx-list li{  float:left; width:32%; position:relative;background:#bf101a; overflow:hidden; margin-right:2%;}
.gx-list li:nth-child(3n){ margin-right:0;}
.text-desc{position: absolute; left: 0; top: 0; height: 100%; opacity: 0; width: 100%; background:rgba(0,0,0,0.7);}
.xiankuan{ border:2px solid #fff; width:90%; height:90%; margin:3% 5%; }
/* effect-1 css */
.port-1{width: 100%; position: relative; overflow: hidden; }
.port-1 .text-desc{opacity:1; top: -100%; transition: 0.5s; color: #fff; background:#bf101a;  }
.port-1 img{transition: 0.5s; width:100%; display:block;}
.port-1 .image-box{ position:relative;}
.port-1 .image-box p{position:absolute; top:50%; width:100%; text-align:center; color:#fff; font-size:22px; transform:translateY(-50%); transition-duration:.5s; opacity:1;}
.port-1.effect-3 .text-desc{top: 100%; left: 0;  overflow: hidden; padding: 0;}
.port-1.effect-3 .text-desc .txt{ top:50%; transform:translateY(-50%); position:absolute; left:0; width:100%;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; text-align:center;}
.port-1.effect-3 .text-desc a{ color:#1fa8ff; display:inline-block; border:1px solid #1fa8ff; padding:7px 30px; font-size:18px; border-radius:20px; margin-top:19px;}
.text-desc h3{ font-size:24px; padding-bottom:14px;text-align:center;}
.text-desc p{ width:80%; margin:0 auto; font-size:14px; text-align: justify; line-height:1.6;}
.port-1.effect-3 .text-desc a:hover{ background:#56c4e3; color:#fff;}
.az-list dl{ /*padding:50px 0; */border-bottom:1px solid #eeeeee; font-size:20px; color:#333333; border-left:12px solid #fff;}
.az-list dl dt{ width:50%; float:left; min-height:96px; line-height:96px; padding-left:110px;}
.az-list dl dd{ width:50%; float:left; min-height:96px; line-height:96px; padding-right:40px; text-align:right; }
.az-list dl dt{ background:url(../images/xz.png) no-repeat 30px center;}
.az-list dl dd{ background:url(../images/xz2.png) no-repeat 68% center; color:#a7a7a7;}
.az-list dl:hover{ border-left:12px solid #f38401; background:#bf101a;}
.az-list dl:hover a{ color:#fff;}
.az-list dl:hover dt{ background:url(../images/xz1.png) no-repeat 30px center;}
.az-list dl:hover dd{ background:url(../images/xz3.png) no-repeat 68% center; color:#fff;}
.fwwd{ position: relative; width:100%; background:#e5e5e5;}


/*滚动条样式*/
        .jj01 dd::-webkit-scrollbar {/*滚动条整体样式*/
            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
        }
        .jj01 dd::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background:#bf101a;
        }
        .jj01 dd::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: #d2d2d2;
        }
.fwwd{ width:100%; background:#e5e5e5; position:relative;}
.Menubox2 {position: relative;width:330px;height: auto; background:#bf101a;}
.Menubox2 li {display: block;cursor: pointer;position: relative; overflow:hidden; padding:15px; font-size:24px; text-align:center;}
.Menubox2 li p{ width:100%; color:#fff; padding:45px 0 45px 50px}

.Contentbox2 { position:absolute; left:330px; top:0; height:100%; width: calc(100% - 330px); width: -webkit-calc(100% - 330px);}
.Menubox2 li:nth-child(1) p{ background:url(../images/shuzi01.png) no-repeat 20% center;}
.Menubox2 li:nth-child(1).hover p{ color:#bf101a; background:url(../images/shuzi01-1.png) no-repeat 20% center #fff;}
.Menubox2 li:nth-child(2) p{ background:url(../images/shuzi02.png) no-repeat 20% center;}
.Menubox2 li:nth-child(2).hover p{ color:#bf101a; background:url(../images/shuzi02-1.png) no-repeat 20% center #fff;}
.Menubox2 li:nth-child(3) p{ background:url(../images/shuzi03.png) no-repeat 20% center;}
.Menubox2 li:nth-child(3).hover p{ color:#bf101a; background:url(../images/shuzi03-1.png) no-repeat 20% center #fff;}
.CbContainer2{ width:100%;}
.dq-hg{ height:33.33%; border-bottom:1px solid #fff;}
.CbContainer2 dl{ width:50%; float:left;}
.CbContainer2 dl dt{  float:left; font-size:18px; font-weight:bold; width:40%; text-align:center; padding:65px 0;}
.CbContainer2 dl dd{ float:left; width:40%;}
.CbContainer2 dl dd p{ float:left; width:50%; font-size:18px; cursor:pointer; padding-top:20px; padding-right:20px; position:relative; padding-left:15px; transition-duration:.5s;}
.CbContainer2 dl dd p:before{ content:""; display:block; width:6px; height:6px; background:#c21f28; border-radius:50%; position:absolute; left:0; top:30px; opacity:0;}
.CbContainer2 dl dd p:hover{ color:#c21f28;}
.CbContainer2 dl dd p:hover:before{ opacity:1;}
.CbContainer2 dl .duo-p01{ width:60%;}
.CbContainer2 dl .duo-p01 p{ width:33.33%;}
.pz-xi01{ width:100%; background:url(../images/bg3.jpg) no-repeat bottom center; padding:107px 0;}
.pz01{ text-align:center; font-size:16px; line-height:2; padding-top:60px;}
.pz-xi02{width:100%; background:url(../images/bg4.jpg) no-repeat center center; padding:20px 0; color:#fff;}
.pz-xi02 dl{ padding:24px 0; font-size:18px; width:10%; text-align:center; cursor:pointer; float:left; margin:0 3%;}
.pz-xi02 dl dt{ width:62px; height:57px; margin:0 auto; transition-duration:.5s;}
.pz-xi02 dl dd{ padding-top:15px;}
.pz-xi02 dl:hover{ background:#bf101a}
.pz-xi02 dl:nth-child(1) dt{ background:url(../images/img25.png) no-repeat 0 0;}
.pz-xi02 dl:nth-child(2) dt{ background:url(../images/img26.png) no-repeat 0 0;}
.pz-xi02 dl:nth-child(3) dt{ background:url(../images/img27.png) no-repeat 0 0;}
.pz-xi02 dl:nth-child(4) dt{ background:url(../images/img28.png) no-repeat 0 0;}
.pz-xi02 dl:nth-child(5) dt{ background:url(../images/img29.png) no-repeat 0 0;}
.pz-xi02 dl:nth-child(6) dt{ background:url(../images/img30.png) no-repeat 0 0;}
.pz-xi02 dl:nth-child(7) dt{ background:url(../images/img31.png) no-repeat 0 0;}
.pz-xi02 dl:nth-child(8) dt{ background:url(../images/img32.png) no-repeat 0 0;}
.pz-xi02 dl:nth-child(9) dt{ background:url(../images/img33.png) no-repeat 0 0;}
.pz-xi02 dl:nth-child(10) dt{ background:url(../images/img34.png) no-repeat 0 0;}
.pz-xi02 dl:nth-child(11) dt{ background:url(../images/img35.png) no-repeat 0 0;}
.pz-xi02 dl:hover dt{ background-position:0 -57px;}
.pz-xi03{ padding:40px 0;}
.pz-xi03 h1{ font-size:22px;}
.pz-xi03 h1 span{ background:#bf101a; color:#fff; padding:0 10px; margin-right:10px;}
.pz-xi03 p{ font-size:18px; line-height:1.8; padding:30px 0;}
.js-ti{ width:100%; border-bottom:2px solid #eeeeee; color:#bf101a; font-size:24px; font-weight:bold; padding-bottom:15px;  position:relative; margin-bottom:45px;}
.js-ti span{ padding:0 17px 14px 17px;border-bottom:2px solid #bf101a;}
.js01-le h1{ color:#bf101a; font-weight:bold; font-size:22px; padding-bottom:45px;}
.js01-le{ width:50%; float:left;}
.js-biao01 li{ margin-bottom:28px;}
.js-biao01 li span{ font-size:20px; width:116px; display:inline-block;}
.js-biao01 li select{width: calc(67% - 116px);width: -webkit-calc(67% - 116px); border:none; height:45px; line-height:45px; font-size:18px; border-radius:10px; color:#999;/*很关键：将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none; background:url(../images/sj2.png) no-repeat 90% center #eee; padding-left:20%;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.biao02 li{ line-height:45px; margin-bottom:28px;}
.biao02 li span{ width:312px; font-size:20px; display:inline-block; float:left; line-height:45px;}
.biao02 .bb01 input{  width:139px; background:#eee; border:none; height:45px; line-height:45px; text-align:center; color:#999; font-size:18px;border-radius:10px; outline:none; float:left;}
.biao02 .bb01 select{ width:139px;border:none; height:45px; line-height:45px; font-size:18px; border-radius:10px; color:#999;/*很关键：将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none; background:url(../images/sj2.png) no-repeat 90% center #eee; padding-left:3%; float:right;}
.biao02 .bb01 .kk01{ width:50%; float:left;}
.biao02 .bb01 .kk02{ width:209px;}
.js-button{  background:#bf101a; color:#fff; font-size:18px; padding:16px 0; border-radius:10px; margin:50px auto; text-align:center; width:140px; display:block;}
.jsuan{ color:#bf101a; font-size:22px;}
.suan-xi{ padding:45px 0 100px 0;}
.suan-xi li{ line-height:45px; font-size:18px; width:22%; float:left;}
.suan-xi li input{width:190px; background:#eee; border:none; height:45px; line-height:45px; text-align:center; color:#999; font-size:18px;border-radius:10px; outline:none;}
.suan-xi .js-button01{background:#bf101a; color:#fff; font-size:18px; border-radius:10px; text-align:center; width:140px; display:block;}
.suan-xi .four{ width:140px; float:right;}
.pp-ti01{ text-align:center;}
.pp-ti01 h1{ font-size:28px; padding-bottom:50px;}
.pp-ti01 p{ font-size:18px; font-weight:bold; padding-top:5px;}
.pp01-xi{ padding:80px 0 100px 0;}
.pp01-xi dl{ text-align:center; width:33.333%; font-size:18px; float:left;}
.pp01-xi dl dd{ color:#666; padding-top:20px;font-weight:bold;}
.pp-tu01{ background: url(../images/pp04.png) no-repeat;background-position: 50% 0;}
.pp-tu02{ background: url(../images/pp09.png) no-repeat;background-position: 50% -250px;}
.pp-tu03{ background: url(../images/pp12.png) no-repeat;background-position: 50% 0;}
.pp-tu04{ background: url(../images/pp16.png) no-repeat;background-position: 50% 0;}
.pp-tu05{ background: url(../images/pp17.png) no-repeat;background-position: 50% 0;}
.pp-tu{ height: 410px;background-size: cover;background-attachment: fixed;}

.pp02-xi{ width:100%; background:url(../images/n-pp03.png) no-repeat center center; text-align:center; color:#fff; padding:132px 0 75px 0;}
.pp02-xi h1{ font-size:36px; padding-bottom:100px;}
.pp02-xi p{ font-size:18px; font-weight:bold; line-height:2;}

.pp02-le{ padding-top:119px;}
.pp02-le h1{ font-size:30px; font-weight:bold; color:#c00000; padding-bottom:50px;}
.pp02-le p{ font-size:18px; color:#777; width:370px; text-align:justify; padding-bottom:20px;}
.pp02-ri{ width:50%; text-align:center;}
.pp02-ri ul{ padding-top:80px;}
.pp02-ri ul li{ display:inline-block; padding:0 30px; position:relative;}
.pp02-ri ul li:before{ content:""; width:3px; height:22px; background:#eeeeee; position:absolute; top:20px; left:0;}
.pp02-ri ul li:nth-child(3n):after{content:""; width:3px; height:22px; background:#eeeeee; position:absolute; top:20px; right:0;}
.pp03-le{ padding:80px 0; width:686px;}
.pp03-le img{ max-width:100%;}
.pp03-ri{width: calc(100% - 686px);width: -webkit-calc(100% - 686px); border-left:2px solid #f0f0f0; border-right:2px solid #f0f0f0; padding:0 0 80px 0; position:relative;}
.pp03-ri:after{ content:""; position:absolute; height:100%; width:2px; background:#f0f0f0; top:0; left:228px;}
.pp03-ri dl:nth-child(1) dt{ padding-top:80px;}
.pp03-ri dl dt{ color:#d01027; font-weight:bold; font-size:20px; width:228px; float:left;  padding-left:40px; position:relative;line-height:120px;}
.pp03-ri dl dt:after{ content:""; position:absolute; width:31px; height:2px; background:#f0f0f0; top:60px; right:0;}
.pp03-ri dl dd{ font-size:18px; float:left; width:57%; padding-left:50px; line-height:120px;}
.pp03-ri dl:nth-child(1) dt:after{ top:120px;}
.pp03-ri dl:nth-child(1) dd img{ padding-top:100px;}
.pp03-ri dl .pad01{ line-height:2; padding-top:30px;}
.zgm{ padding-top:40px; position:relative; z-index:2;}
.zgm dl{ width:33.333%; text-align:center; float:left; position:relative; z-index:2;}
.zgm dl dt{position:relative;}
.zgm dl dt p{ font-size:20px; padding-bottom:30px;}
.zgm dl dd h1{ font-size:24px;}
.zgm dl dd p{ font-size:18px; padding-top:10px;}
.zgm:after{ content:""; display:block; width:80%; border-top:2px dashed #fff; position:absolute; top:190px; left:10%; margin:0 auto; z-index:1;}
.qysc{ padding:60px 0;}
.qy-le{ width:40%;}
.qy-le h1{ padding:70px 0 50px 0; font-size:36px;}
.qy-le p{ font-size:18px; width:70%; line-height:1.8; color:#666; text-align:justify;}
.qy-ri{ width:50%;}
.qy-ri img{ max-width:100%;}
.pp03{ padding:60px 0;}
.sc-time{ padding-top:60px;}
.sc-time .pp-ti01{ padding-bottom:30px;}
.sc-time .qy-le{ width:30%;}
.sc-time .qy-le p{ font-size:16px; width:95%; line-height:1.8; color:#666; padding-top:50px;}
.sc-time .qy-ri{ width:70%;}
.Menubox3{ width:100%; background:url(../images/zs01.jpg) no-repeat center center; padding:80px 0 50px 0; min-height:265px; position:relative;}
.Menubox3 ul{ width:80%; margin:0 auto;}
.Menubox3 li{ float:left; color:#fff; font-size:20px; font-weight:bold; width:33.3333%; text-align:center; cursor:pointer; position:relative; padding-bottom:53px;}
.Menubox3 li p{ padding-top:22px;}
.Menubox3:after{ content:""; display:block; width:100%; border-top:1px dashed #fff; position:absolute; bottom:45px; left:0;}
.Menubox3 li:after{ content:""; display:block; width:12px; height:12px; border-radius:50%; border:7px solid #fff; position:absolute; bottom:0; left:50%; transform:translateX(-6px); background:#ab1f2b; z-index:1; opacity:0;}
.Menubox3 li.hover:after{ opacity:1;}
.Contentbox3{ padding:50px 0;}
.zz-list dl{ width:45%; float:left; margin-right:10%; margin-bottom:60px;}
.zz-list dl:nth-child(2n){ margin-right:0; float:right;}
.zz-list dl dt{ color:#bf101a; font-size:24px; font-weight:bold; border-top:3px solid #eeeeee; padding:10px 0 28px 0; position:relative;}
.zz-list dl dt:before{ content:""; display:block; width:100px; height:2px; background:#bf101a; position:absolute; top:-2px; left:0;}
.zz-list dl dd p{ font-size:18px; padding-bottom:8px;}
.CbContainer3 .zz-p{font-size: 18px;line-height: 26px;}
.CbContainer3 table{border-collapse:collapse;border: 1px solid #666;width: 100%;}
.CbContainer3 table td{border-collapse:collapse;border: 1px solid #666;width: 11.11%;text-align: center;font-size: 18px;line-height: 36px;}

.ab-xi01{ padding:70px 0;}
.ab-le{ width:66%;}
.ab-le h1{ font-size:30px; padding:30px 0;}
.ab-le h1 span{ color:#d01127; font-size:40px;}
.ab-le p{ font-size:18px; padding-bottom:30px; line-height:1.6;}
.ab-ri { width:30%;}
.ab-ri img{ max-width:100%;}
.fzlc h1{ width:100%; text-align:center; font-weight:bold; font-size:30px; padding:50px 0;}
.gh-xi{ width:100%; background:url(../images/gh01.jpg) no-repeat center center; padding:40px 0; color:#fff;}
.gh-xi dl{ width:90%; margin:0 auto; font-size:18px; line-height:2; padding-bottom:30px;}
.gh-xi dl dt{ font-size:20px; font-weight:bold;}

.dsj{ width:100%; background:url(../images/dsj.jpg) no-repeat center center; padding:50px 0;}
.dsj h1{ color:#fff; font-weight:bold; text-align: center; font-size:26px; position:relative; padding-bottom:13px;}
.dsj h1:after{ content:""; position:absolute; width:70px; height:3px; background:#fff; bottom:0; left:50%; margin-left:-35px;}

.about-con-4{padding:100px 0 0 0;}
.about-con-4 .swiper-wrapper,.about-con-4 .swiper-slide{height:auto !important;}
.about-con-4 ul{position:relative;border:2px solid transparent;border-radius:4px;;max-width:694px;margin:40px auto;}
.about-con-4 ul.on:after{content:"";left:-2px;bottom:-2px;right:-2px;z-index:-1;top:-2px;border-radius:4px;background: linear-gradient(#3A7AD5, #4BCA44);position:absolute;display:block;}
.about-con-4 li{height:148px;box-sizing:border-box;display:none;text-align:center;background:#fff;padding:28px 44px;border-radius:4px;}
.about-con-4 ul:before{display:block;content:"";background:#fff;width:2px;height:6px;left:-2px;top:7px;z-index:2;position:absolute;}

.about-con-4 .fontp{overflow:hidden; color:#fff; font-size:48px; font-weight:bold;}
.about-con-4 .fontp span{ display:block; font-size:16px; font-weight:normal;}
.about-con-4 .swiper-container{background:url(../images/aboutbck.png) no-repeat top 12px center;background-size:100% auto;}
.about-con-4 .swiper-slide{cursor:pointer;text-align:center; width:20%; position: relative; text-align:center;}
.about-con-4 .swiper-slide:after{ content:""; width:10px; height:10px; background:#fff; position:absolute; right:0; top:30px; border-radius:50%;}
.about-con-4 .swiper-slide .hide{display:none;}
.about-con-4 .swiper-slide img{display:block;margin:0 auto 12px auto;}
.about-con-4 .swiper-slide.cur .hide{display:block;}
.about-con-4 .swiper-slide.cur .show{display:none;}
/*.about-con-4 .swiper-slide.cur p{color:#43C744;}*/
.about-con-4 .swiper-scrollbar{display:none !important;}


	/* 本例子css */
.multipleColumn{ overflow:hidden; position:relative;}
.multipleColumn .hd{ overflow:hidden; }
.multipleColumn .hd .prev{ display:block;  width:29px; height:31px;  overflow:hidden;cursor:pointer; background:url("../images/pre2.png") no-repeat; position:absolute; left:0; top:50%; margin-top:-15px;}
.multipleColumn .hd .next{display:block;  width:29px; height:31px;  overflow:hidden;cursor:pointer; background:url("../images/next2.png") no-repeat; position:absolute; right:0;top:50%; margin-top:-15px; }
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .bd{ overflow:hidden; width:1200px; margin:0 auto;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:600px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin:0 10px 45px; float:left; _display:inline; overflow:hidden; text-align:center; }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:280px; height:auto; display:block; border:5px solid #d8d8d8; }

.lcb{ width:100%; background:#f9f9f9; padding:60px 0; text-align:center;}
.fzlc img{ max-width:100%;}

.xs-dsj{ display:none;}
.xs-dsj dl{ color:#fff;}
.xs-dsj dl{ border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:10px;}
.xs-dsj dl dt{ font-weight:bold; font-size:22px; padding-bottom:5px;}
.xs-dsj dl dd{ font-size:14px;}
.xs-ry{ display:none;}
.xs-ry li{ width:31%; float:left; margin:0 1% 20px;}


/*2019-01-30*/
.xz-Contentbox,.xz-Contentbox1,.xz-Contentbox2{ margin-top:30px;}
.xz-Menubox{ position:absolute; top:-67px; left:9.5%;}
.xz-Menubox1{ position:absolute; top:-67px; left:42.5%;}
.xz-Menubox2{ position:absolute; top:-67px; left:75.8%;}
.xz-Menubox a,.xz-Menubox1 a,.xz-Menubox2 a{ display:inline-block; color:#fff; font-size:16px; margin-left:23px;}
.xz-Menubox a.hover,.xz-Menubox1 a.hover,.xz-Menubox2 a.hover{ border-bottom:2px solid #fff; color:#fff;}
.xz-Menubox a{ margin-left:8px;}
.Contentbox .xz-Menubox li.hover a,.Contentbox .xz-Menubox1 li.hover a,.Contentbox .xz-Menubox2 li.hover a{ color:#fff;}







/*新增*/
.case-biao{margin-top: 30px !important;}
.case-biao ul{zoom: 1;}
.case-biao ul:after{display: block;content: "";clear: both;}
.case-biao ul li{float: left;width: 16.25%;margin-right: 0.5%;}
.case-biao ul li:nth-child(6){margin-right: 0;}
.case-biao-img{width: 100%;overflow: hidden;position: relative;}
.case-biao-img img{display: block;width: 100%;transition-duration:.5s;cursor: pointer;}
.case-biao ul li:hover .case-biao-img>img{transform: scale(1.1);}
.case-biao-name{padding: 20px 0;background: #9b9b9b;}
.case-biao-name p{display: block;text-align: center;font-size: 16px;color: #ededed;}


/*2019-03-15*/



.gai-ti01{ text-align:center; position:relative; width:100%; padding-bottom:30px;}
.gai-ti01 h1{ font-size:80px; font-family:"Arial"; opacity:0.1; text-transform:uppercase; font-weight:bold;}
.gai-ti01 p{ font-size:36px; position:absolute; top:40px; text-align:center; width:100%;}
.n-tu01{ width:100%; display:block;}
.n-jj01{ position: relative}
.n-sk{ width:50%; height:100%; position:absolute; top:0; left:0; background:rgba(191,16,26,0.8); color:#fff; font-size:16px;   line-height:2;}
.n-sk p{ position:absolute; top:50%; transform:translateY(-50%); left:109px;}
.n-jjy{ width:193px; height:193px; background:#d01128; border-radius:50%; position:absolute; top:50%; left:50%;    margin-top: -96px;
    margin-left: -96px; text-align:center; }
.n-jjy p{font-size:30px; font-weight:bold; color:#fff;position:absolute; top:50%; transform:translateY(-50%); text-align:center; width:100%;}
.n-jjy p img{ padding-top:20px;}
.wd-map{ text-align:center;}
.wd-map img{ max-width:100%;}
.new-ti01,.new-zi01{ text-align:center;}
.new-ti01{ font-size:36px;}
.new-zi01{ font-size:16px; padding:35px 0; line-height:2; width:60%; margin:0 auto}


.pz-ban{ width:100%; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.pz-ban2{ width:92%; height:460px; position:relative; overflow:hidden; margin:0 auto;}
.pz-ban2 ul{ position:absolute; left:0; top:0;}
.pz-ban2 ul li{ width:1290px; height:375px; position:relative;}
.pz-tu{ width:50%; height:375px;}
.pz-tu img{ width:100%; height:100%;}
.pz-ban2 ul li .pz-zi{ width:50%; position:absolute; right:0; top:0; height:100%; border:8px solid #f3f3f3; padding:40px;}
.pz-zi h1{ font-size:30px; font-weight:bold; padding-bottom:15px; position:relative;}
.pz-zi h1:after{ content:""; position:absolute; bottom:0; left:0; width:57px; height:2px; background:#d01128}
.pz-zi p{ padding:45px 0; font-size:18px; line-height:2;}
.pz-zi .lie-list{ border:1px solid #e1e1e1; font-size:16px;   line-height:43px; }
.pz-zi .lie-list span{ display:inline-block; width:30%; text-align:center; background:url(../images/jia.png) no-repeat right center}
.pz-prev{ float:left; cursor:pointer;}
.pz-num{ height:262px;overflow:hidden; width:95%; position:relative; margin:0 auto}
.pz-min_pic{ width:96%; margin:0 auto; position:relative;}
.pz-num ul{ position:absolute; left:0; top:0;}
.pz-num ul li{ width:324px; height:259px; margin-right:10px; position:relative;}
.pz-num ul li p{ position:absolute; width:100%; background:rgba(39,39,39,0.84); font-size:18px; color:#fff; bottom:0; left:0; text-align:center; padding:10px 0;}
.pz-num ul li img{ width:100%;}
.pz-num ul li.on p{ background:#d01128 }
.pz-prev_btn1{ width:27px; text-align:center; height:29px;  cursor:pointer; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.pz-next_btn1{  width:27px; text-align:center; height:29px;cursor:pointer; position:absolute; right:0; top:50%; transform:translateY(-50%);}



	/* 历程css */
		.lc-slideBox{ width:100%;overflow:hidden; position:relative; }
		
		.lc-slideBox .bd{ position:relative; height:100%; z-index:0;    }
		.lc-slideBox .bd li{ zoom:1; vertical-align:middle; }
		.lc-slideBox .bd img{ width:100%; height:auto; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.lc-slideBox .prev{ position:absolute; left:0; display:block; width:11px; height:21px; background:url(../images/lc-pre.png) no-repeat; top:50%; transform:translateY(-50%)}
		.lc-slideBox .next{  position:absolute; right:0; display:block; width:11px; height:21px; background:url(../images/lc-next.png) no-repeat; top:50%; transform:translateY(-50%)}
		.lc-slideBox .prev:hover,
		.lc-slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.xs-new-ab{ display:none;}
.xs-new-ab li{ width:48%; float:left; margin:0 1% 10px; position:relative;}
.xs-new-ab li .gai-tu{ width:100%;}
.xs-new-ab .index-an{ width:100%; left:0;}
.xs-new-ab .index-an img{ width:20%;}
.xs-pzz{ display:none;}
.pz-tu01{ width:100%;}
.pz-tu01 img{ width:100%;}
.pz-zi01{ width:100%; border:8px solid #f3f3f3; padding:10px;}
.pz-zi01 h1{ font-size:20px; font-weight:bold; padding-bottom:10px; position:relative;}
.pz-zi01 h1:after{ content:""; position:absolute; bottom:0; left:0; width:57px; height:2px; background:#d01128}
.pz-zi01 p{ padding:15px 0; font-size:16px; line-height:2;}
.xs-p01{ margin-bottom:30px;}

@keyframes icon-bounce {
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  25% {-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
  50% {-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);}
  85% {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg); }
}
@-webkit-keyframes icon-bounce {
 0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  25% {-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
  50% {-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);}
  85% {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg); }
}
@-moz-keyframes icon-bounce {
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  25% {-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
  50% {-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);}
  85% {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg); }
}
@-o-keyframes icon-bounce {
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  25% {-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
  50% {-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);}
  85% {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg); }
}

@media (min-width: 1441px) {
 .w86{ width:1440px; margin:0 auto;}
 .xiala-nr{ width:80%; margin:0 auto;}
 .head .inav > ul > li{ font-size:20px; font-weight:bold;}
 .head .logo{ margin-right:90px;}
 .wrap{ width:1440px; margin:0 auto}
 .head .inav_wrapper{ width:58%;}
 .dq-ri .in-yy{font-size:28px;}
.dq-ri .in-yy span{ font-size:60px;}
.dq-ri{ width: calc(95% - 723px);width: -webkit-calc(95% - 723px);}
.in-new01 dl{ padding-bottom:73px; padding-top:43px;}
.in-new02 dl dd{ font-size:16px;}
.in-new02 dl{ padding-top:25px;}
.footer dl{ padding-right:162px;}
.js-shu li{ margin-left:40px;}
.picScroll-left .bd ul li{ margin:0 2px;}
.ab-ti p{ font-size:16px;}
.js-shu li span{ width:75%;}
.js-shu li input{ width:80%;}
 header .nav-box {width: 58%;margin: 0 auto}
 header .nav-box a.tit {font-size: 20px;}
 .in-hy-le p, .in-hy-ri li p{ font-size:16px;}
.yy-ri02{padding:50px 37px;}
.yy-ri02 p{font-size:30px;}
.yy-ri02 span{ padding:25px 0 45px 0;}
.CbContainer2 dl dd{ float:left; width:40%;}
.hy-Menubox ul li{ padding:35px 0;}
.pz-min_pic{ width:1400px; margin:0 auto}
.case-biao{margin-top: 20px;}
.pz-ban2{ width:95%;}
.pz-ban2 ul li{ width:1330px;}
}

.go_neinews{float: right;margin-top: -19px;}

@media (min-width: 1368px) and (max-width: 1441px){
.in-slideBox .bd li{ 
  height:768px;
}

	}
@media (min-width: 1198px) and (max-width: 1367px){
	.in-slideBox .bd li{ 
  height:640px;
}

	}


@media (min-width: 992px) and (max-width: 1199px) {
.case-biao-name p{font-size: 14px;}

}


@media (min-width: 768px) and (max-width: 991px){
.case-biao ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
}


@media (min-width: 480px) and (max-width: 767px) {

.w86{ width:98%;}
.in-pro{ padding:20px 0;}

.pro-js a{ width:24%; font-size:14px; padding:0; text-align:center; line-height:25px; margin-right:1%; margin-bottom:10px; float:left;}
.in-pp .bd ul li{ width:30%;}
.in-about{ padding:20px 0;}
.white_bar,.red_bar{ display:none;}
.ab-ti span{ font-size:20px;}
.ab-ti span:after, .ab-ti span:before{ top:18px;}
.ab-ti{ padding-bottom:20px;}
.in-ab-le{ width:100%;}
.in-ab-zj,.in-ab-ri{ position:relative; left:0; width:100%;}
.ab01{ padding:20px;}
.ab01 h1{ font-size:18px;}
.Menubox1 li{ width:23%; min-width:auto; font-size:16px;}
.in-yy{ font-size:18px;}
.in-yy span{ font-size:20px;}
.Contentbox1{ padding-top:20px;}
.yy-txt h1{ font-size:16px;}
.yy-txt p{ font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.hy-Menubox{ width:100%;position: relative;z-index: 9999;}
.hy-Contentbox{ width:100%; position:relative; left:0; height:auto;}
.hy-Menubox ul{ padding-left:0;}
.hy-CbContainer{ height:auto;}
.hy-Menubox ul li{ padding:10px 0; font-size:14px;}
.in-hy-le p, .in-hy-ri li p{ font-size:12px;}
.in-new{ padding:20px 0;}
.in-new-le{ display:none;}
.in-new01,.in-new02{ position:relative; width:100%; height:auto; left:0; margin-bottom:10px;}
.in-new02 dl{ padding:10px;}
.sp-txt h1{ font-size:16px;}
.sp-txt p{font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin:10px 0; padding:0;}
.dy-Menubox{ width:100%; height:auto;}
.dy-Contentbox1{ width:100%; padding-left:0;}
.map-txt p{ font-size:12px; position:absolute; right:15px; top:-5px;}

.dy-Menubox li:nth-child(1){ top:115px; right:120px;}
.dy-Menubox li:nth-child(2){ top:145px; right:100px;}
.dy-Menubox li:nth-child(3){ top:175px; right:70px;}
.dy-Menubox li:nth-child(4){ top:205px; right:65px;}
.dy-Menubox li:nth-child(5){ top:185px; right:90px;}
.dy-Menubox li:nth-child(5) .map-txt p{ top:5px; right:35px;}
.dy-Menubox li:nth-child(6){ bottom:50px; right:80px;}
.dy-Menubox li:nth-child(7){ bottom:70px; right:130px;}
.dy-Menubox li:nth-child(8){ bottom:22px; right:110px;}
.dy-Menubox li:nth-child(9){ bottom:25px; right:52%;}
.dy-Menubox li:nth-child(10){ bottom:80px; right:51%;}
.ne-banner{ padding-top:50px;}
.banner-txt span{ font-size:18px; padding-right:10px;}
.banner-txt{ font-size:14px; bottom:5px;}
.ab-xi01{ padding:30px 0;}
.ab-le,.ab-ri{ width:100%;}
.ab-le img{ width:50%;}
.ab-le h1{ font-size:16px; padding:15px 0;}
.ab-le h1 span{ font-size:22px;}
.ab-le p{ font-size:14px; padding-bottom:10px;}
.dsj h1{ font-size:18px;}
.fzlc h1{ font-size:18px; padding:15px 0;}
.about-con-4{ display:none;}
.dsj{ padding:20px 0; background-size:cover;}
.xs-dsj{ display:block;}
.multipleColumn{ display:none;}
.xs-ry{ display:block;}
.gh-xi{ background-size:cover;}
.gh-xi dl dt{ font-size:16px;}
.gh-xi dl{ font-size:14px; padding-bottom:15px;}
.Menubox3{ padding:30px 0; min-height:200px;}
.Menubox3 ul{ width:100%;}
.Menubox3 ul li{ font-size:14px;}
.Menubox3 li:after{ bottom:8px;}
.zz-list dl{ width:100%; margin-right:0; margin-bottom:20px;}
.zz-list dl dt{ font-size:18px; padding:10px 0;}
.zz-list dl dd p{ font-size:14px;}
.case-xi01{ padding:20px 0;}
.pp-ti01 h1{ font-size:18px; padding-bottom:0;}
.pp-ti01 p{ font-size:14px;}
.pp01-xi{ padding:30px 0;}
.pp01-xi dl{ width:100%; font-size:16px; padding-bottom:20px;}
.pp02-xi{ width:100%;}
.pp02-le{ padding-top:20px;}
.pp02-le h1{ font-size:18px; padding-bottom:20px;}
.pp02-le p{ width:100%; font-size:16px;}
.pp02-ri{ display:none;}
.pp03-le{ width:100%; padding:20px 0;}
.pp03-ri{ width:100%; padding-bottom:20px;}
.pp03-ri:after,.pp03-ri dl dt:after{ display:none;}
.pp03-ri dl dt,.pp03-ri dl dd{ width:100%; padding-left:0; line-height:2; font-size:16px;}
.pp03-ri dl:nth-child(1) dd img{ padding-top:10px;}
.pp03-ri dl .pad01{ padding-top:0;}
.pp03-ri dl{ padding-bottom:20px;}
.zgm{ padding-top:30px;}
.zgm dl{ width:33.33%;border-bottom: 2px dashed #c9c9c9; padding-bottom:20px; margin-bottom:20px;}
.zgm:after{ display:none;}
.zgm dl dt img{ width:20%;}
.zgm dl dt{ padding-bottom:20px; margin-bottom:0;}
.zgm dl dt:after{ display:none;}
.zgm dl dd h1{ font-size:16px;}
.zgm dl dd p{ font-size:14px;}
.zgm dl dt p{ padding-bottom:10px; font-size:18px;}
.qysc{ padding:20px 0;}
.qy-le{ width:100%;}
.qy-le h1{ font-size:18px; padding:0 0 20px 0;}
.qy-le p{ font-size:16px; width:100%;}
.qy-ri{ width:100%;}
.biao-list li{ width:33%;}
.ne-ly-list dl{ width:31%; padding:10px 0 20px 0}
.ne-biao03{ background-size:cover; padding:20px 0;}
.case-ti{ font-size:18px;}
.case-ti h2{ font-size:20px;}
.ct01{ font-size:14px; padding:20px 0;}
.yy01-le{ width:100%;}
.yy01-ri{ width:100%; position:relative;}
.yy01-le dl{ width:90%; left:20px; top:20px;}
.yy01-le dl dt p,.yy-ri02 p{ font-size:18px;}
.yy01-le dl dt span{ font-size:14px;}
.yy-ri02{ padding:10px;}
.yy-ri02 span{ font-size:14px; padding:0; margin:20px 0;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.case02,.cc02-biao{ padding:30px 0;}
.cc01{ font-size:20px;}
.cc02-biao li{ margin-bottom:10px; width:31%; float:left; margin:0 1% 10px;}
.cc02-biao:after{ content:""; clear:both; display:block;}
.cc02-biao li a{ font-size:14px; display:block; width:100%;}
.case-list li{ width:50%;}
.case-list li p{ font-size:14px;}
.case-nr{ margin-top:66px; padding:30px 0;}
.case-nr-le,.case-nr-ri{ width:100%;}
.niao{ display:none;}
.jj01{ padding:20px 0;}
.jj01 dt{ width:100%; border:none; text-align:center; padding-bottom:20px;}
.jj01 dt p,.port-1 .image-box p{ font-size:16px;}
.jj01 dt span{ font-size:14px; padding:10px 0;}
.jj01 dd{ width:100%; padding-left:20px;  padding-right:20px;}
.gx-list li{ width:100%; margin-right:0; margin-bottom:20px;}
.az-list dl{ padding:20px 0; font-size:14px;}
.az-list dl dt,.az-list dl dd {background:none;}
.az-list dl dt, .az-list dl dd{ padding-left:0;}
.az-list dl:hover dt,.az-list dl:hover dd{ background:none;}
.Menubox2{ width:100%;}
.Contentbox2{ position:relative; left:0; width:100%;}
.Menubox2 li{ display:inline-block; font-size:16px; width:32%; }
.Menubox2 li:nth-child(1) p,.Menubox2 li:nth-child(2) p,.Menubox2 li:nth-child(3) p{ background:none; padding:20px 0;}
.Menubox2 li:nth-child(1).hover p,.Menubox2 li:nth-child(2).hover p,.Menubox2 li:nth-child(3).hover p{ background:#fff;}
.CbContainer2 dl{ width:100%;}
.CbContainer2 dl dt{ width:20%; padding:20PX 0;}
.CbContainer2 dl dd p{ width:33.333%;}
.CbContainer2 dl dd,.CbContainer2 dl .duo-p01{ width:80%;}
.pz-xi01,.jjfa-xi01{ padding:30px 0;}
.pz01{ padding-top:30px;}
.pz-xi02{ background-size:cover;}
.pz-xi02 dl{ width:30%; margin:0 1%; font-size:16px;}
.pz-xi03 h1,.js-ti{ font-size:16px;}
.pz-xi03 p{ font-size:14px; padding:10px 0;}
.js01-le{ width:100%;}
.js01-le h1{ font-size:18px; padding-bottom:20px;}
.js-biao01 li span{ font-size:16px; width:100px;}
.js-biao01 li select{width: calc(87% - 100px);width: -webkit-calc(87% - 100px); font-size:14px;}
.biao02 li span,.jsuan{ width:100%; font-size:16px;}
.js-button{ margin:20px auto; padding:10px 0;}
.suan-xi{ padding:20px 0;}
.suan-xi li{ width:100%; margin-bottom:10px;}
.suan-xi li input{ width:70%;}
.suan-xi .four{ float:none; margin:0 auto; clear:both;}
.biao02 .bb01 input,.biao02 .bb01 select{ width:120px;}
.biao-txt dl dd{ display:none;}
.biao-txt dl dt{ font-size:16px;}

.case-biao ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
.xs-new-ab{ display:block;}
	}




@media (max-width: 479px) {

.w86{ width:98%;}
.in-pro{ padding:20px 0;}

	.Menubox li{ width:33.33%;font-size: 18px;height: 46px;line-height: 46px;padding-left: 0;margin-right: 0; text-align:center;}
	.Menubox li span{ display:none;}
	.Menubox li:after { bottom: -10px;left: 45%;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #d01128;}
	.xz-Menubox,.xz-Menubox1,.xz-Menubox2{ position:relative; left:0; top:0px;}
	.xz-Menubox a, .xz-Menubox1 a, .xz-Menubox2 a{ color:#333;}
	.xz-Menubox a.hover, .xz-Menubox1 a.hover, .xz-Menubox2 a.hover {border-bottom: 2px solid #d01128;color:#d01128;}

.jjfa-xi01{ display:none}
.xs-jjfa-xi01{ display:block}

.pro-js a{ width:24%; font-size:14px; padding:0; text-align:center; line-height:25px; margin-right:1%; margin-bottom:10px; float:left;}
.in-pp .bd ul li{ width:30%;}
.in-about{ padding:20px 0;}
.white_bar,.red_bar{ display:none;}
.ab-ti span{ font-size:20px;}
.ab-ti span:after, .ab-ti span:before{ top:18px;}
.ab-ti{ padding-bottom:20px;}
.in-ab-le{ width:100%;}
.in-ab-zj,.in-ab-ri{ position:relative; left:0; width:100%;}
.ab01{ padding:20px;}
.ab01 h1{ font-size:18px;}
.Menubox1 li{ width:23%; min-width:auto; font-size:16px;}
.in-yy{ font-size:18px;}
.in-yy span{ font-size:20px;}
.Contentbox1{ padding-top:20px;}
.yy-txt h1{ font-size:16px;}
.yy-txt p{ font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.hy-Menubox{ width:100%;position: relative;z-index: 9999;}
.hy-Contentbox{ width:100%; position:relative; left:0; height:auto;}
.hy-Menubox ul{ padding-left:0;}
.hy-CbContainer{ height:auto;}
.hy-Menubox ul li{ padding:10px 0; font-size:14px;}
.in-hy-le p, .in-hy-ri li p{ font-size:12px;}
.in-new{ padding:20px 0;}
.in-new-le{ display:none;}
.in-new01,.in-new02{ position:relative; width:100%; height:auto; left:0; margin-bottom:10px;}
.in-new02 dl{ padding:10px;}
.sp-txt h1{ font-size:16px;}
.sp-txt p{font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin:10px 0; padding:0;}
.dy-Menubox{ width:100%; height:auto; float:none}
.dy-Contentbox1{ width:100%; padding-left:0;}
.map-txt{ width:70px;}
.map-txt p{ font-size:12px; position:absolute; left:0; top:0;}
.dy-Menubox li{ position:relative;}
.dy-Menubox li:nth-child(1){ top:0; right:0;}
.dy-Menubox ul{ height:130px;}
.dy-Menubox li:nth-child(2){ top:0; right:auto; left:75px;}
.dy-Menubox li:nth-child(3){ top:0; right:auto; left:150px}
.dy-Menubox li:nth-child(4){ top:0; right:auto; left:225px;}
.dy-Menubox li:nth-child(5){ top:0; right:auto; left:300px;}
.dy-Menubox li:nth-child(5) .map-txt p{ top:0; right:0;}
.dy-Menubox li:nth-child(6){ top:35px; bottom:auto; left:0;}

.dy-Menubox li:nth-child(7){top:35px; bottom:auto; left:75px;}
.dy-Menubox li:nth-child(8){top:35px; bottom:auto; left:150px}
.dy-Menubox li:nth-child(9){top:35px; bottom:auto; left:225px;}
.dy-Menubox li:nth-child(10){top:35px; bottom:auto; left:300px;}

.dy-Menubox li:nth-child(12){ top:70px; left:0;right:auto;}
.dy-Menubox li:nth-child(13){ top:70px; left:75px;right:auto;}
.dy-Menubox li:nth-child(14){ top:70px; left:150px;right:auto;}



.dy-Menubox li:nth-child(18){ top:70px; left:225px;right:auto;}
.dy-Menubox li:nth-child(19){ top:70px; left:300px; right:auto;}
.dy-Menubox li:nth-child(20){ top:105px; left:0;}
.dy-Contentbox1 .in-yy{ font-size:16px; text-align:center; padding-bottom:10px;}
.dy-Contentbox1 .in-yy span{ font-size:20px;}
.ne-banner{ padding-top:50px;}
.banner-txt span{ font-size:18px; padding-right:10px;}
.banner-txt{ font-size:14px; bottom:5px;}
.ab-xi01{ padding:30px 0;}
.ab-le,.ab-ri{ width:100%;}
.ab-le img{ width:50%;}
.ab-le h1{ font-size:16px; padding:15px 0;}
.ab-le h1 span{ font-size:22px;}
.ab-le p{ font-size:14px; padding-bottom:10px;}
.dsj h1{ font-size:18px;}
.fzlc h1{ font-size:18px; padding:15px 0;}
.about-con-4{ display:none;}
.dsj{ padding:20px 0; background-size:cover;}
.xs-dsj{ display:block;}
.multipleColumn{ display:none;}
.xs-ry{ display:block;}
.gh-xi{ background-size:cover;}
.gh-xi dl dt{ font-size:16px;}
.gh-xi dl{ font-size:14px; padding-bottom:15px;}
.Menubox3{ padding:30px 0; min-height:200px;}
.Menubox3 ul{ width:100%;}
.Menubox3 ul li{ font-size:14px;}
.Menubox3 li:after{ bottom:8px;}
.zz-list dl{ width:100%; margin-right:0; margin-bottom:20px;}
.zz-list dl dt{ font-size:18px; padding:10px 0;}
.zz-list dl dd p{ font-size:14px;}
.case-xi01{ padding:20px 0;}
.pp-ti01{ padding-bottom:29px;}
.pp-ti01 h1{ font-size:18px; padding-bottom:0;}
.pp-ti01 p{ font-size:14px;}
.pp01-xi{ padding:30px 0;}
.pp01-xi dl{ width:100%; font-size:16px; padding-bottom:20px;}
.pp02-xi{ width:100%; padding:20px 0;}
.pp02-xi h1{ padding-bottom:20px; font-size:26px;}
.pp02-le{ padding-top:20px;}
.pp02-le h1{ font-size:18px; padding-bottom:20px;}
.pp02-le p{ width:100%; font-size:16px;}
.pp02-ri{ display:none;}
.pp03-le{ width:100%; padding:20px 0;}
.pp03-ri{ width:100%; padding-bottom:20px;}
.pp03-ri:after,.pp03-ri dl dt:after{ display:none;}
.pp03-ri dl dt,.pp03-ri dl dd{ width:100%; padding-left:0; line-height:2; font-size:16px;}
.pp03-ri dl:nth-child(1) dd img{ padding-top:10px;}
.pp03-ri dl .pad01{ padding-top:0;}
.pp03-ri dl{ padding-bottom:20px;}
.zgm{ padding-top:30px;}
.zgm dl{ width:33.33%;border-bottom: 2px dashed #c9c9c9; padding-bottom:20px; margin-bottom:20px;}
.zgm:after{ display:none;}
.zgm dl dt img{ width:20%;}
.zgm dl dt{ padding-bottom:20px; margin-bottom:0;}
.zgm dl dt:after{ display:none;}
.zgm dl dd h1{ font-size:16px;}
.zgm dl dd p{ font-size:14px;}
.zgm dl dt p{ padding-bottom:10px; font-size:18px;}
.qysc{ padding:20px 0;}
.qy-le{ width:100%;}
.qy-le h1{ font-size:18px; padding:0 0 20px 0;}
.qy-le p{ font-size:16px; width:100%;}
.qy-ri{ width:100%;}
.biao-list li{ width:33%;}
.ne-ly-list dl{ width:31%; padding:10px 0 20px 0}
.ne-biao03{ background-size:cover; padding:20px 0;}
.case-ti{ font-size:18px;}
.case-ti h2{ font-size:20px;}
.ct01{ font-size:14px; padding:20px 0;}
.yy01-le{ width:100%;}
.yy01-ri{ width:100%; position:relative;}
.yy01-le dl{ width:90%; left:20px; top:20px;}
.yy01-le dl dt p,.yy-ri02 p{ font-size:18px;}
.yy01-le dl dt span{ font-size:14px;}
.yy-ri02{ padding:10px;}
.yy-ri02 span{ font-size:14px; padding:0; margin:20px 0;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.case02,.cc02-biao{ padding:30px 0;}
.cc01{ font-size:20px;}
.cc02-biao li{ margin-bottom:10px; width:31%; float:left; margin:0 1% 10px;}
.cc02-biao:after{ content:""; clear:both; display:block;}
.cc02-biao li a{ font-size:14px; display:block; width:100%;}
.case-list li{ width:50%;}
.case-list li p{ font-size:14px;}
.case-nr{ margin-top:66px; padding:30px 0;}
.case-nr-le,.case-nr-ri{ width:100%;}
.niao{ display:none;}
.jj01{ padding:20px 0;}
.jj01 dt{ width:100%; border:none; text-align:center; padding-bottom:20px;}
.jj01 dt p,.port-1 .image-box p{ font-size:16px;}
.jj01 dt span{ font-size:14px; padding:10px 0;}
.jj01 dd{ width:100%; padding-left:20px;  padding-right:20px;}
.gx-list li{ width:100%; margin-right:0; margin-bottom:20px;}
.az-list dl{ padding:0; font-size:14px;}
.az-list dl dt,.az-list dl dd {background:none;}
.az-list dl dt, .az-list dl dd{ padding-left:0;}
.az-list dl:hover dt,.az-list dl:hover dd{ background:none;}
.Menubox2{ width:100%;}
.Contentbox2{ position:relative; left:0; width:100%;}
.Menubox2 li{ display:inline-block; font-size:16px; width:32%; }
.Menubox2 li:nth-child(1) p,.Menubox2 li:nth-child(2) p,.Menubox2 li:nth-child(3) p{ background:none; padding:20px 0;}
.Menubox2 li:nth-child(1).hover p,.Menubox2 li:nth-child(2).hover p,.Menubox2 li:nth-child(3).hover p{ background:#fff;}
.CbContainer2 dl{ width:100%;}
.CbContainer2 dl dt{ width:20%; padding:20PX 0;}
.CbContainer2 dl dd p{ width:33.333%;}
.CbContainer2 dl dd,.CbContainer2 dl .duo-p01{ width:80%;}
.pz-xi01,.jjfa-xi01{ padding:30px 0;}
.pz01{ padding-top:30px;}
.pz-xi02{ background-size:cover;}
.pz-xi02 dl{ width:30%; margin:0 1%; font-size:16px;}
.pz-xi03 h1,.js-ti{ font-size:16px;}
.pz-xi03 p{ font-size:14px; padding:10px 0;}
.js01-le{ width:100%;}
.js01-le h1{ font-size:18px; padding-bottom:20px;}
.js-biao01 li span{ font-size:16px; width:100px;}
.js-biao01 li select{width: calc(87% - 100px);width: -webkit-calc(87% - 100px); font-size:14px;}
.biao02 li span,.jsuan{ width:100%; font-size:16px;}
.js-button{ margin:20px auto; padding:10px 0;}
.suan-xi{ padding:20px 0;}
.suan-xi li{ width:100%; margin-bottom:10px;}
.suan-xi li input{ width:70%;}
.suan-xi .four{ float:none; margin:0 auto; clear:both;}
.biao02 .bb01 input,.biao02 .bb01 select{ width:120px;}
.biao-txt dl dd{ display:none;}
.biao-txt dl dt{ font-size:16px;}

.case-biao ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
.new-ti01{ font-size:22px;}
.new-zi01{ width:96%; padding:10px 0; line-height:1.6;}
.xs-new-ab{ display:block;}
.gai-ti01 h1{ font-size:22px;}
.gai-ti01 p{ font-size:20px; top:10px;}
.n-sk{ width:100%; line-height:1.6; position:relative}
.n-jj01{ margin-bottom:10px;}
.n-jjy {width: 70px;height: 70px;margin-top: -35px;margin-left: -35px;background: #d01128;top: 15%;left: 50%;}
.n-jjy p{ font-size:14px;}
.n-jjy p img{ padding-top:5px;}
.n-sk p{ left:10px; position:relative;top: 0%;transform: translateY(0%); padding:10px 0;}
.xs-pzz{ display:block;}
.pz-ban { display:none;}
.pp03{ padding:20px 0;}
.zgm dl dt img{ width:50%;}
.sc-time .qy-le,.sc-time .qy-ri{ width:100%;}
.sc-time .qy-le p{ padding-top:0;}
.yy-xi li img{ opacity:0.5}
.dy-Menubox .j-map{ width:100%;}

.dw{width:80%; text-align:center; margin:0 auto; top:45%; left: z-index:9999; position:absolute; left:10%;}
.dw img{display:inline-block;}
	}


@keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }

    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

}

@-moz-keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }

    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

}

@-webkit-keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }

    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

}

@-o-keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }

    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

}

